<template>
	<div id="setup">
		<van-nav-bar
		  title="设置"
		  left-arrow
		  @click-left="onClickLeft"
		/>
		<div style="margin-top: 0.2666rem;">
			<van-cell title="个人信息" label="头像 昵称 个人资料" is-link to="/personal" />
			<van-cell title="账号与安全" is-link label="修改密码 修改手机号" to="/security" />
		</div>
		<div style="margin-top: 0.2666rem;">
			<van-cell title="支付管理" is-link to="/payment"/>
			<van-cell center title="实时通知提醒" label="外卖员实时状态 商品实时状态">
				<template #right-icon>
					<van-switch v-model="checked1" size="24" active-color="#00ff00" />
				</template>
			</van-cell>
			<van-cell center title="消息提示音">
				<template #right-icon>
					<van-switch v-model="checked" size="24" active-color="#00ff00" />
				</template>
			</van-cell>
			<van-cell title="通用" is-link />
			<van-cell title="隐私管理" is-link />
		</div>
		<div style="margin-top: 0.2666rem;">
			<van-cell title="关于我们" is-link />
		</div>
		
		<div style="margin-top: 0.7666rem;">
			<van-button  size="large">切换账号</van-button>
			<van-button  size="large">退出登录</van-button>
		</div >
		
	</div>
</template>

<script>
	export default {
		name: 'setup',
		data(){
			return{
				checked: false,
				checked1: true
			}
		},
		components:{
			
		},
		methods:{
			onClickLeft(){
				this.$router.go(-1)
			}
		}
	}
</script>

<style scoped="scoped">
	#setup{
		width: 100%;
		height: 100vh;
	}
	.van-button{
		margin: 0.0666rem 0;
	}
</style>
